<!DOCTYPE html>
<html>
<!--

text-decoration
text-indent
line-height
text-shadow
-->
<head>
	<meta charset="utf-8">
	<title>个人简历</title>
	<style>
		body{
			font-family:"微软雅黑";
		}
		.box1{
			
			color: #0062CC;
			text-align:center;
		}
		.box2{
			text-shadow: -1px -1px 1px #aaa,
             0px 4px 1px rgba(0,0,0,0.1),
             4px 4px 5px rgba(0,0,0,0.2),
             0px 0px 7px rgba(0,0,0,0.3);

		}
		.box3{
			color: #2AC845;
			font-style:italic;
			font-weight:bold;
			font-size:120%;
			text-decoration:underline line-through red wavy;
			
			
		}
		.box3_1{
			text-indent:5cm;
		}
		.text_dec{
			/* text-decoration:line-through red wavy; */
			/* text-decoration-color: #2AC845; */
			color: blue;
			
		}
		.LHT{
			line-height: 200%;
		}
		
	</style>
</head>

<body>
	
	
	<div class="box1">
		<div class="box2">
			<h2>黄海婷</h2>
			</div>
			<div class="box3">
				<span>目前正在找工作</span>
				<span>18912345678</span>
				<span>501237774@qq.com</span>
				<a class="text_dec">女|24岁|现居广州|无工作经验</a>
			</div>
			<span>用了text-indent属性：</span>
			<div class="box3 box3_1">
				<span>目前正在找工作</span>
				<span>18912345678</span>
				<span>501237774@qq.com</span>
				<a class="text_dec">女|24岁|现居广州|无工作经验</a>
			</div>

		
	</div>
	<p>line-height测试：line-height: 200%效果</p>
	<p class="LHT">许多字体的属性也可以通过 font 的简写方式来设置 . 这些是按照以下顺序来写的：  font-style, font-variant, font-weight, font-stretch, font-size, line-height, and font-family.许多字体的属性也可以通过 font 的简写方式来设置 . 这些是按照以下顺序来写的：  font-style, font-variant, font-weight, font-stretch, font-size, line-height, and font-family.</p>
	<table class="box4">
		<tr>
			<th>最近工作</th>
			<th>最高学历</th>

		</tr>
		<tr>
			<td>职位：</td>
			<td>行政专员/人事助理</td>
			<td>专业：</td>
			<td>应用英语</td>

		</tr>
		<tr>
			<td>公司：</td>
			<td>广州某科技有限公司</td>
			<td>学校：</td>
			<td>***职业技术学院</td>

		</tr>
		<tr>
			<td>行业：</td>
			<td>网络游戏</td>
			<td>学历：</td>
			<td>大专</td>
		</tr>
	</table>
	<table class="box4">
		<tr>
			<th>个人信息</th>
		</tr>
		<tr>
			<td>QQ号：</td>
			<td>501237774</td>
			<td>户口/国籍：</td>
			<td>惠州/中国</td>
		</tr>
		<tr>
			<td>身高：</td>
			<td>167cm</td>
			<td>婚姻状况：</td>
			<td>未婚</td>
		</tr>
		<tr>
			<td>家庭住址：</td>
			<td>广东省广州市</td>
			<td>政治面貌：</td>
			<td>群众</td>
		</tr>
	</table>
	<table >
		<tr>
			<th>项目经验</th>
		</tr>
		<tr>
			<td> 2018/4-至今</td>
			<td>小程序商城应用</td>

		</tr>
		<tr>
			<td>项目描述：</td>
			<td>基于微信开发者工具实现商城商品展示及购物车等功能。</td>

		</tr>
		<tr>
			<td>项目收获：</td>
			<td>
				<p>1、 熟悉了 mustache 语法；</p>
				<p>2、 熟悉了微信小程序开发文档；</p>
				<p>3、 处理小程序商品详情页面跳转问题 ；</p>
				<p>4、 实现商品规格选择及数量累加并绑定购物车角标的动态效果 ；</p>
				<p>5、 解决使用远程调试和预览打包小程序代码文件过大问题 ；</p>

			</td>
		</tr>
		<tr>
			<td> 2018/3-2018/3</td>
			<td>列车时刻查询（Web App）</td>

		</tr>
		<tr>
			<td>项目描述：</td>
			<td>该项目可通过发车站、终点站或车次编号查询火车、高铁、动车时刻列表，以及可根据查询出的列表展示具体的发车时间、到达时间与站点名称。 主要使用 HTML5，CCS，JavaScript 基于 HTML5 Plus 开发，能实现手机原生能力的调用，可打包成
				Andro id、IOS 应用，实现一套代码兼容各平台。
			</td>

		</tr>

		<tr>
			<td>技术实现：</td>
			<td>
				<p>1、 使用html、css3以及mui框架组件对页面原型进行布局搭建；</p>
				<p>2、 使用mui框架、JavaScript及Ajax技术完成搜索数据及页面数据呈现的功能；</p>
				<p>3、 页面切换使用mui窗口管理，将最耗性能的部分交给原生实现；</p>
				<p>4、 处理xml数据</p>

			</td>
		</tr>
		<tr>
			<td>项目收获：</td>
			<td>
				<p>1、 熟悉mui框架；</p>
				<p>2、熟悉对原生JavaScript的使用；</p>
				<p>3、 掌握xml数据调用 ；</p>
				<p>4、 对APP项目的前端流程有了一定的认识，为以后的项目积累了一些的经验 ；</p>
				<p>5、 另外使用jQuery Mobile重新实现该项目，并与之进行对比：① mui可轻松解决跨域问题，jQuery Mobile需要架设一个代理服务器。② mui 页面切换流畅，jQuery Mobile需要为其等待数据添加loading，以避免影响用户感知。③
					jQuery Mobile 使用jQuery框架，简化了原生的JavaScript。④ mui可打包成Android、IOS应用。</p>

			</td>
		</tr>
		<tr>
			<td> 2018/1-2018/1</td>
			<td>天气预报</td>

		</tr>
		<tr>
			<td>项目描述：</td>
			<td>该项目可查询当前城市10天内的天气数据，默认展示当天的气温、天气情况、风力、相对湿度、体温感受，以及最近5天的天气情况与气温。
			</td>

		</tr>

		<tr>
			<td>技术实现：</td>
			<td>
				<p>1、	使用html、css3及Bootstrap对页面原型进行布局搭建；</p>
				<p> 2、	引入jQuery及ajax技术实现页面数据呈现；</p>
				
			</td>
		</tr>
		<tr>
			<td>项目收获：</td>
			<td>
				<p>1、	理解ajax应用；</p>
				<p>2、	熟悉对jQuery及Bootstrap的使用；</p>
				<p>3、	了解请求外域方法 ；</p>
				<p>4、	另外使用mui框架重新实现该项目（APP版），并解决相关技术问题：①	 时间戳和日期字符串相互转换的问题；②	学习如何使用Json，了解json与js对象互换及json格式化的方法；③	处理按钮定位问题；④	解决了跨域问题</p>
				
			</td>
		</tr>
	</table>

	<table class="box4">
		<tr>
			<th>技能/语言</th>
		</tr>
		<tr>
			<td>HTML5</td>
			<td>熟练</td>
		</tr>
		<tr>
			<td>css</td>
			<td>良好</td>
		</tr>
		<tr>
			<td>JavaScript</td>
			<td>良好</td>
		</tr>
		<tr>
			<td>jQuery</td>
			<td>良好</td>
		</tr>
		<tr>
			<td>Bootstrap</td>
			<td>良好</td>
		</tr>
		<tr>
				<td>vue</td>
				<td>了解</td>
			</tr>
	</table>
	
</body>

</html>